<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

    <html:form action="/consultarUnidad?method=some" onsubmit="return this">
    <tiles:insert definition="mensaje"></tiles:insert>
        <table>
            <tr>
                <td>Nombre Unidad:</td>    
                <td>    
                    <html:text property="descripcion" onblur="validarAlfanumerico(this.value)"></html:text>
                </td>
            </tr>
            <tr>
                <td>Codigo Unidad:</td>    
                <td>    
                    <html:text property="codigo" onblur="validarAlfanumerico(this.value)"></html:text>
                </td>
            </tr>
        </table>
        <div class="buttons">
            <button type="submit" class="regular" style="margin-left: 3%; margin-top: 3%;">
                <img src="interfaz/images/buscar.png" alt=""/>
                <bean:message key="boton.buscar" />
            </button>
        </div>
    </html:form>  


    <logic:present name="unidades">
        <logic:iterate name="unidades" id="unidad">
            <logic:present name="unidad">
                
                <div id="tableContainer" class="tableContainer">
                    <table id="tablaDatos" border="0" cellpadding="0" cellspacing="0" width="70%" class="scrollTable">
                        <thead class="fixedHeader" id="fixedHeader">
                            <tr>
                                <th> Codigo </th>
                                <th> Descripción </th>
                                <th> Representantes Unidad </th>
                            </tr>
                        </thead>       
                        <tr>  
                            <td>    
                                <bean:write  name="unidad"  property="codigo"/>
                            </td>
                            <td>    
                                <bean:write name="unidad" property="descripcion"/>
                            </td>
                            <td>
                                <logic:present name="unidad" property="representantes">
                                   <div id="paginador"></div><p>Muestra hasta 4 resultados </p>
                                    <table id="tablaDatosRep" border="1px;" cellpadding="0" cellspacing="0" width="70%" class="scrollTable">
                                        <thead class="fixedHeader" id="fixedHeader">
                                        <th> Usuario </th>
                                        <th> Correo Electrónico</th>
                                        <th> Consultar Usuario </th>
                                        </thead>
                                 
                                        <logic:iterate name ="unidad" property="representantes"  id="representante">
                                            <tbody class="scrollContent">
                                            <td>
                                                <bean:write name="representante" property="usuario"/>
                                            </td>
                                            <td>
                                                <bean:write name="representante" property="correo"/>
                                            </td>
                                            <td>
                                                <html:form action="/consultarUsuario?method=one" onsubmit="return this">
                                                    <html:hidden name="representante" property="usuario" />
                                                    <div class="buttons">
                                                        <button type="submit" class="regular">
                                                            <img src="interfaz/images/buscar.png" alt=""/>
                                                            <bean:message key="boton.buscar" />
                                                        </button>
                                                    </div>
                                                </html:form>
                                            </td>
                                            </tbody>
                                        </logic:iterate>
                                    </table>
                                </logic:present>
                                  <logic:notPresent name="unidad" property="representantes">
                                    <div> No hay representantes para esta unidad <div>
                                </logic:notPresent>
                                    
                             
                            </td>
                        </tr>
                    </table>
                </logic:present>
            </div>
        </logic:iterate>
    </logic:present>

    <script type="text/javascript">

        var p = new Paginador(
        document.getElementById('paginador'),
        document.getElementById('tablaDatosRep'),
        4
    );

        p.Mostrar();
    </script>
    <script language="javascript" src="/CPYD/interfaz/javascript/validaciones.js"></script>
</html>
